<!DOCTYPE html>
<html lang="en" id="topMain">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- <title>变化窗口大小试试屏幕自适应</title> -->
	<style>


		/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar{
			width: 5px;
			height: 5px;
			background-color: #F5F5F5;
		}

		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track {
			box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
			border-radius: 10px;
			background-color: #F5F5F5;
		}

		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb{
			border-radius: 10px;
			box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
			/*滚动条的颜色*/
			background-color: #00BFFF;
		}





		html,body{
			width: 100%;
			height: 100%;
		}
		*{
			padding: 0;
			margin: 0;
		}
		.preview_main_page{
			position:relative;
			z-index:1;
			display: flex;
			width:100%;
			height:100%;
			flex-direction:column;
		}
		/*场景状态*/
		.preview_main_page_top{
			height:5%;
			min-height: 48px;
			display: flex;
			justify-content: space-between;
		}
		.preview_main_page_top .message{
			font-size: 15px;
			line-height:20px
		}
		/*场景部分*/
		.preview_main_page_center{
			width:100%;
			height:100%;
			flex-grow:1;
			display: flex;
			flex-direction:column;
			justify-content:center;
			align-items: center;
			overflow:hidden;
			padding:0;
		}

		.layui-btn {
			background-color: #409eff !important;
		}

		#full{
			cursor:pointer;
			font-size: 20px;
			color: #1E9FFF;
			position:absolute;
			top:4px;
			left:4px;
			z-index:10;
		}

    /* 给对话框加圆角 */
    .layer-class{
    	border-radius:8px!important;
    }

    .layer-class .layui-layer-title{
    	border-radius:8px 8px 0 0!important;
    }
	</style>
	<!--图标库-->
	<link rel="stylesheet" href="css/font/localFont.css">
	<link rel="stylesheet" href="css/plugIn/font-awesome-4.7.0/css/font-awesome.min.css">
	<!--layui框架-->
	<link rel="stylesheet" href="js/plugIn/layui-master/src/css/layui.css">
	<script src="js/plugIn/jquery/jquery.min.js"></script><!--jquery 要在layui之前，这样layui就不会加载内部的jquery-->
	<script src="js/plugIn/layui-master/src/layui.js"></script>
	<!--konva 7.4 konva 7.5 元素不能有阴影，如果有阴影，元素超过10个，移动特别慢   ，5.3版本的没有问题   .-->
	<script src="js/plugIn/konva-master/konva.min.js"></script>
	<script src="js/plugIn/konva-master/gifler.min.js"></script>
	<script src="js/plugIn/echart5.3.2/echarts.min.js"></script>
	<script src="js/plugIn/echart5.3.2/echarts-liquidfill.min.js"></script>
	<script src="js/plugIn/konva-master/gifler.min.js"></script>
	<script src="config/echart/echartOption.js"></script>

	<script src="js/common/tool.js"></script>
	<script src="config/InitConfig.js"></script>

	<script src="js/ModuleAnimation.js"></script>
	<script src="js/WebSocketClilent.js"></script>
	<script src="js/StageView.js"></script>
	<script src="js/client_view.js"></script>
</head>
<body  id="top1_container">
<div  id="top2_container" style="" class="preview_main_page">
	<!-- <div class="preview_main_page_top" style = "margin: auto;position: absolute;z-index: 999">
		<div class = 'message' ><span id="ljzt" style="cursor:pointer" title="链接状态">--------</span></div>&nbsp;&nbsp;
		<div class = 'message' ><span  id="xtzt"  style="cursor:pointer"  title="心跳状态">--------</span></div>&nbsp;&nbsp;
		<i id="full" class="layui-icon layui-icon-screen-full" style="cursor:pointer;font-size: 20px; color: #1E9FFF;" title="全屏/退出全屏"></i>
		<div class = 'message' style="display:none" >实时数据:<span  id="sssj">--------</span></div>
	</div> -->
	<div id="stageBackground" style = "width: 100%;height: 100%;margin: auto;position: absolute;z-index: 0">
	</div>
	<div id="container_parent"  class="preview_main_page_center">
		<!--<div id="container" style = "position: relative; margin: auto;border:1px solid rgb(151 206 222);background-color: #ffffff;"></div>-->
		<div id="container"  style = "position:relative;border:0px solid rgba(151 ,206 ,222, 0.1);"></div>
	</div>
</div>
</body>
<script>

function closeLink(){
	webSocketClilent.websocket.send(webSocketClilent.stage_id +"HEARTCMD"+"LEAVE");//发送命令
}

// function getUrlParam(name){
// 	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
// 	var r = window.location.search.substr(1).match(reg);  //匹配目标参数
// 	//unescape() 函数可对通过 escape() 编码的字符串进行解码。
// 	//通过找到形式为 %xx 和 %uxxxx 的字符序列（x 表示十六进制的数字），用 Unicode 字符 \u00xx 和 \uxxxx 替换这样的字符序列进行解码
// 	//ECMAScript v3 已从标准中删除了 unescape() 函数，并反对使用它，因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。
// 	if (r!=null) {
// 		//console.log(decodeURI(r[2]));
// 		return decodeURI(r[2]); //返回参数值
// 	}else{
// 		return null;
// 	}
// };

// window.onload=function(){
// 	if(getUrlParam("type")=="newWindow"){
// 		var newWidth = document.getElementById("container").offsetWidth || 1024;
// 		var newHeight = document.getElementById("container").offsetHeight || 768;
// 		console.log(newWidth,newHeight);
// 		//重设弹出窗口的大小
// 		window.resizeTo(newWidth,newHeight);
// 	};
// }
// if (!localStorage.getItem('attoken') || (!localStorage.getItem('atuser'))) {
//     	window.location = "http://yklink.net:36000";
//     	localStorage.clear();
//     }


</script>
</html>
